<extend name='Moban/index' />

<block name='motaikuan'>
	<script>
		$('#myModal').modal('no');
	</script>
</block>

<block name='main'>
	<div class="main-banner">
		 <div class="banner col-md-8">
			<section class="slider">
				<div class="flexslider">
						<ul class="slides">
						<li>
							<a href=""><img src="__PUBLIC__/home/images/pic1.jpg" class="img-responsive" alt="" /></a>
						</li>
						<li>
							<a href=""><img src="__PUBLIC__/home/images/pic2.jpg" class="img-responsive" alt="" /></a>
						</li>
						<li>
							<a href=""><img src="__PUBLIC__/home/images/pic3.jpg" class="img-responsive" alt="" /></a>
						</li>
						<li>
							<a href=""><img src="__PUBLIC__/home/images/pic4.jpg" class="img-responsive" alt="" /></a>
						</li>
				  </ul>
				</div>
			</section>
				 <!-- FlexSlider -->
				 <script defer src="__PUBLIC__/home/js/jquery.flexslider.js"></script>
				 <link rel="stylesheet" href="__PUBLIC__/home/css/flexslider.css" type="text/css" media="screen" />
			<script type="text/javascript">
				$(function(){
				 SyntaxHighlighter.all();
				});
				$(window).load(function(){
				  $('.flexslider').flexslider({
					animation: "slide",
					start: function(slider){
					  $('body').removeClass('loading');
					}
				 });
				});
			</script>
         </div>
		 <div class="col-md-4 banner-right">
				<div class="slider1">
						   <div class="callbacks_container">
								<ul class="rslides" id="slider">
									<li>	          
										<iframe src="https://www.youtube.com/embed/c3Fg4yjwc0A" frameborder="0" allowfullscreen></iframe>       
									</li>
								</ul>
						  </div>
				</div>
				<script src="__PUBLIC__/home/js/responsiveslides.min.js"></script>
				 <script>
					$(function () {
					  $("#slider").responsiveSlides({
						auto: true,
						nav: false,
						speed: 500,
						namespace: "callbacks",
						pager: false,
					  });
					});
				  </script>

		 </div>
		 <div class="clearfix"></div>
	</div>
	<!-- 遍历部分 -->
	<volist name="list" id="v">
	<div class="now-showing-movies">
		<h3 class="m-head"><{$v.name}></h3>		
		<!-- 遍历 -->
		<volist name="v.book" id="vo">
		<div class="col-md-4 movie-preview">
			<a href="<{:U('Details/index',array('id'=>$vo['id']))}>" class="mask">
				<img src="__PUBLIC__/home/images/m1.jpg" class="img-responsive zoom-img" alt="" />
				<div class="m-movie-title">
					<a class="m-movie-link" href="<{:U('Details/index',array('id'=>$vo['id']))}>"><{$vo.title}></a>
					<div class="clearfix"></div>
					<div class="m-r-date">
						<p><i class="fa fa-calendar-o"></i>点击量:<{$vo.click}></p>
						<a href="movie-select-show.html" style="border-radius:10px">点击阅读</a>
					</div>
					<div class="m-r-like">
						<i class="fa fa-thumbs-up">总推荐</i>
						<p><{$vo.recommend}></p>
					</div>
					 <div class="clearfix"></div>
				</div>
			</a>
		</div>		
		</volist>
		<div class="clearfix"></div>
	</div>
	</volist>
	<!-- 遍历部分 -->
</block>